<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>05jQuery过滤器4</title>
    <script src="./js/jquery-3.6.0.js"></script>
    <script>
        $(function () {
            // 6、表单过滤器：
            // :input       匹配所有input, textarea, select和 button元素
            // :text        匹配所有文本输入框
            // :password    匹配所有的密码输入框
            // :radio       匹配所有的单选框
            // :checkbox    匹配所有的复选框
            // :submit      匹配所有提交按钮
            // :image       匹配所有img标签
            // :reset       匹配所有重置按钮
            // :button      匹配所有input type=button <button>按钮
            // :file        匹配所有input type=file文件上传
            // :hidden      匹配所有不可见元素display:none或input type=hidden

            console.log($("form :text")[0]);   //  <input type="text"/>

            let $form = $("form :input");
            for (let i = 0; i < $form.length; i++) {
                console.log("$form1[" + i + "]===", $form[i]);    // 全部input 包括textarea、 select、 button元素
            }
        });
    </script>
</head>
<body>

<form>
    <select>
        <option>Option</option>
    </select>

    <button>Button</button>

    <textarea></textarea>

    <input type="text"/>
    <input type="password"/>
    <input type="button" value="Input Button"/>
    <input type="radio"/>
    <input type="checkbox"/>

    <input type="file"/>
    <input type="hidden"/>
    <input type="image"/>

    <input type="reset"/>
    <input type="submit"/>


</form>


</body>
</html>